Nos enfrentamos a un problema mientras hacemos una llamada posterior a la carga de archivos usando React-JS, en las herramientas de desarrollo bajo los datos del formulario, estamos obteniendo un límite generado por el navegador.
------WebKitFormBoundarypSTl3xdAHAJgTN8AY debido a este límite aleatorio, estamos teniendo problemas mientras llamamos a una API de terceros.
¿Hay alguna forma de hacer que este límite tenga un valor fijo? Algo como esto :
----somefixedvalue.Aquí está el código js:
function doupload() { let data = document.getElementById("file").files[0]; console.log('doupload',data); let formData = new FormData(); formData.append("file", data); fetch('http://localhost:8081/upload/multipart', { method:'POST', body: formData, headers: { 'Content-Type': 'multipart/form-data; boundary=----somefixedboundary' } }).then(res => { for(const header of res.headers){ console.log(`resHeaderName: ${header[0]}, Value:${header[1]}`); } }); alert('your file has been uploaded'); location.reload();};
alguien me puede ayudar a solucionar esto? Estoy bastante confundido aquí ya que he dado el tipo de contenido junto con un límite estático pero no tuve suerte.
Puede convertir un archivo a la cadena binaria y preparar el cuerpo usted mismo en lugar de usar FormData como se muestra en esta respuesta .
Pero tenga en cuenta que si esta ----somefixedvalue subcadena de valor fijo aparece en el archivo, se considerará un límite que causa un error de análisis del cuerpo en el lado del receptor. En el caso de FormData, el navegador debe cuidarlo y evitarlo.